<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>联系我们</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        ul {
            list-style-type: none;
        }

        #head1111 {
            width: 100%;
            height: 80px;
        }

        #menu1111 ul li a {
            text-decoration: none;
            color: rgb(71, 47, 52);
            
        }

        #menu1111 ul {
            width: 500px;
            position: absolute;
            right: 80px;
        }

        #menu1111 ul li {
            float: left;
            width: 100px;
            height: 30px;
            line-height: 30px;
            margin: 20px auto;
        }
        #menu1111 ul li a:hover {
            color: rgb(248, 90, 117);
        }
        #logo1111 {
            position: absolute;
            top: 5px;
            left: 100px;
            width: 100px;
            height: 100px;
        }
        .ph1111 {
            width: 70px;
            height: 70px;
        }
        #tupian1 img{
            width: 100%;
            height: 400px;
            background-size: cover;
            margin-top: 50px;
        }
        #zheng{
            width: 220px;
            font-size: 20px;
            font-weight: normal;
            position: relative;
            top: 50px;
            left: 150px;
        }
        #yuan1{
            height: 50px;
            color: #fff;
            background-color: red;
        }
        #yuan2{
            height: 100px;
            background-color: blanchedalmond
        }
        #yuan3{
            width: 60%;
            height: 500px;
            border-top: 1px solid red;
            position: absolute;
            top: 550px;
            right: 200px;
        }
        #yuan3 p{
            font-size: 30px;
            text-align: left;
        }
        #yuan4{
            width: 80%;
            height: 300px;
            margin: 0 auto;
            border-top: 1px solid red;
            position: relative;
            top: 400px;
            background: url(images/tiandianbiankuang.jpg);
            background-size: cover;
        }
        #yuan4 p{
            margin-top: 70px;
        }
        #yuan4 p:nth-child(1){
            font-size: 30px;
            text-align: center;
        }
        #yuan4 p:nth-child(2){
            font-size: 50px;
            text-align: center;
        }
        #yuan5{
            width: 100%;
            height: 800px;;
        }
        footer{
           width: 100%;
           height: 150px;
           background: #eee;
           margin-top: 50px;
           /* background: url(imagesrvice.png) */
       }
       footer ul{
           width: 600px;
           height: 50px;
           margin: 0 auto;
       }
       footer ul li{
           width: 120px;
           height: 50px;
           line-height: 50px;
           float: left;
           text-align: center
       }
       #footer1 img{
           margin-top: 10px;
           width: 30px;
           height: 30px;
           position: relative;
           /* top: -100px; */
           bottom: -20px;
           left: -70px;
       }
       #footer1 span{
           position: relative;
           top: -20px;
           right: 30px;
       }
       #footer1{
           width: 100px;
           height: 50px;
           margin: 0 auto
       }
       footer p{
           text-align: center
       }
    </style>
</head>
<body>
        <div id="head1111">

                <div id="menu1111">
                    <ul>
                        <li><a href="index.html" id="index">首页</a>
                        <li><a href="menu.html" title="">在线订餐</a>
                        <li><a href="discount.html" title="">优惠活动</a>
                        <li><a href="News.html" title="">新闻资讯</a>
                        <li><a href="Contact us.html" title="">联系我们</a>
                        
                    </ul>
                </div>
                <div id="logo1111">
                    <img src="images/logo1.png" alt="" class="ph1111">
                </div>
            </div>
        
    <div id="tupian1">
        <img src="images/gaodian (8).jpg" alt="">
    </div>
    <div id="yuan5">
    <div id="zheng">
        <div id="yuan1">品牌介绍</div>
        <div id="yuan2">企业文化</div>
    </div>
    <div id="yuan3">
        <p>xx甜品是一家集食品技术研究与开发、餐饮项目连锁加盟、五谷杂粮产品研究与开发和连锁经理管理培训为一体的综合性餐饮管理企业公司。</p>
        <p>公司成立前对其他各项甜品进行了各项研究开发与工艺试验。推出了大量美味又卫生的甜品。我们的经营理念：坚持“每一丝甜蜜，皆源于内心的质朴与真诚”。</p>
        <p>运营模式上，保持“八大统一“。统一配送，统一装修，统一培训，统一结算，统一形象，统一价格，统一管理，统一采购。无论你在中国的任何地方，都能享受到“聪少”始终如一的出品，独具匠心的服务。</p>
        <p>经营管理上，积极培养专业人才，透过人性化的管理、专业的指导、系统的培训，让每一位员工的素质和服务理念都不断提升。</p>
    </div>
    <div id="yuan4">
        <p>如果有任何问题请联系我们，我们24小时竭诚为您服务</p>
        <p>xxx-xxx-xxxx</p>
    </div>
    </div> 
    <footer>
        <ul>
            <li><a href="">首页</a></li>
            <li><a href="">优惠活动</a></li>
            <li><a href="">在线订餐</a></li>
            <li><a href="">新闻资讯</a></li>
            <li><a href="">关于我们</a></li>
        </ul>
        <div id="footer1">
        <img src="../images/service.png" alt=""><span>pxcai@163.com</span>
        
    </div>
    <p>互联网出版许可证编号新出网证（沪）字 7777777号</p>
    </footer>
</body>
</html>